<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">

<div th:replace="~{fragment/headFragment :: head}"></div>

<body class="cbp-spmenu-push">
<div class="main-content">


	<div th:replace="~{fragment/left-border :: left}"></div>

	<div th:replace="~{fragment/header :: header}"></div>

		<div id="page-wrapper">
			<div class="main-page">
				<div class="tables">
					<h3 class="title1">Tables</h3>

					<!--拉黑用户	-->
					<div class="col-md-4 modal-grids" style="margin-top: 1.1em;margin-left: 3em;float: right;">
						<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">
							新建拉黑</button>
						<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
							<div class="modal-dialog" role="document">
								<div class="modal-content">
									<form action="/blackList/addsuccess" method="post">
										<div class="modal-header">
											<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
											<h4 class="modal-title" id="exampleModalLabel">新建拉黑</h4>
										</div>
										<div class="modal-body">
											<!--<form action="/customerInfo/insert" method="post">-->
											<div class="form-group">
												<label class="control-label">我的工号:</label>
												<input type="text" class="form-control" name="customerserviceid">
											</div>
											<div class="form-group">
												<label class="control-label">需拉黑客户ID:</label>
												<input type="text" class="form-control" name="customerid">
											</div>
											<div class="form-group">
												<label class="control-label">拉黑原因:</label>
												<input type="text" class="form-control" name="reason">
											</div>


											<!--                                        </form>-->
										</div>
										<div class="modal-footer">
											<!--                                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>-->
											<!--                                        <button type="button" class="btn btn-primary">Send message</button>-->
											<!--                                        <input type="button" class="btn btn-default" data-dismiss="modal">Close</input>-->
											<input type="submit" class="btn btn-primary"></input>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>


					<!--这是blacklist表-->
					<div class="bs-example widget-shadow" data-example-id="contextual-table">

						<h4>BlackList :</h4>

					<!--search-->
						<div class="input-group">
							<div class="input-group-append">
									<form action="/blackList/blackcustomer" method="post">
										<input  class="sb-search-input input__field--madoka" placeholder="Search..." type="search" name="value" th:value="${#request.getParameter('value')}" id="input-31" />
											<input type="text" name="current" value="1" style="display: none">
											<input type="text" name="size" value="6" style="display: none">
										<input type="submit" value="提交" style="display: none">
									</form>


							</div>
						</div>
					<!--search-->


						<table class="table"> <thead> <tr> <th>#</th>
							<th>客服ID</th>
							<th>被拉黑客户ID</th>
							<th>被拉黑原因</th>
						</tr> </thead> <tbody>

						<tr class="active" th:each="cs,rowInfo : ${list1}">
							<th scope="row" th:text="${rowInfo.count}">1</th>

							<td th:width="200"   class="info" th:text="${cs.getCustomerserviceid()}"></td>
							<td th:width="200"   class="danger" th:text="${cs.getCustomerid()}"></td>
							<td th:width="400"   class="warning" th:text="${cs.getReason()}"></td>

						</tr>
						</tbody> </table>

						<ul class="pagination pagination-lg">
							<li><a th:href="@{/blackList/blackcustomer(value=${#request.getParameter('value')},current=${#request.getParameter('current')}-1,size=6)}" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
							<li th:classappend="${(#request.getParameter('current') eq #strings.concat(i))?'active':''}" th:each="i:${#numbers.sequence(1,pagesCount)}"><a th:href="@{/blackList/blackcustomer(value=${#request.getParameter('value')},current=${i},size=6)}" th:text="${i}"></a></li>
							<li><a th:href="@{/blackList/blackcustomer(value=${#request.getParameter('value')},current=${#request.getParameter('current')}+1,size=6)}" aria-label="Next"><span aria-hidden="true">»</span></a></li>
						</ul>

					</div>


					<!--用户评价表-->

					<div class="bs-example widget-shadow" data-example-id="contextual-table">
						<h4>客户评价表 :</h4>
						<table class="table"> <thead> <tr> <th>#</th>


							<th>sessionID: </th>
							<th>客户名: </th>
							<th >创建工单时间：</th>
							<th>评价: </th>
							<th>详情: </th>
						</tr> </thead> <tbody>

						<tr class="active" th:each="cs,rowInfo : ${list2}">
							<th scope="row" th:text="${rowInfo.count}">1</th>

							<td th:text="${cs.getSessionid()}"></td>
							<td th:text="${cs.getVisitername()}"></td>
							<td th:text="${cs.getCreatetime()}"></td>
							<td th:text="${cs.getEvaluation()}"></td>
							<td th:text="${cs.getEvaluationdetail()}"></td>

						</tr>
						</tbody> </table>
					</div>
				</div>
			</div>
		</div>
	<!-- Classie -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
	<script src="js/bootstrap.js"> </script>
</body>
</div>
</body>
</html>